查看原文
其他

产品发布|iDVX 实验室 与 AntV 联合发布可视化智能设计纠错工具包

智能设计与可视化 创新中的iDVX Lab 2022-11-12

如何用可视化图表正确的展现数据中的内涵并通过可视化设计正确传达数据中的信息?长久以来,回答这个问题需要开发设计人员掌握可视化领域的专业知识,懂得可视化编码的奥秘。近日,同济大学智能大数据可视化实验室的研究人员与蚂蚁金服的工程师们一起破解了可视化设计的奥秘,实现了 “智能可视化设计” 的新突破。



2021年5月28日下午,在同济大学设计创意学院举办的第一次 “智能可视化创新论坛” 上, 同济大学智能大数据可视化实验室 与 蚂蚁集团 AntV 可视化团队联合发布了智能可视化设计工具包,Vega-Lite-Linter (http://vegalite-linter.idvxlab.com)。该工具包针能够对使用 Vega-Lite 高级可视化编程语言 开发的可视化组件进行自动检测,并识别组件中存在的有悖于基本可视化设计准则的设计方案,并提供优化后的修改方案从而实现了可视化自动生成环节中 “智能设计“ 这一至关重要的环节。近3000观众在线参加了此次论坛及发布会。


上图中分别展现了四个有悖于可视化设计准则的可视化设计及其在使用Vega-Lite-Linter 进行优化调整后的效果


一、安装与使用


1.  用户可以通过以下命令进行快速安装:

brew install clingopip install vega-lite-linter


2. 以下代码展现了在代码中调用该工具包的使用案例:

from vega_lite_linter import Lint

vega_json = {
"data": {
"url": "data/cars.json"
},
"mark": "bar",
"encoding": {
"x": {
"field": "Horsepower",
"type": "quantitative"
},
"y": {
"field": "Miles_per_Gallon",
"type": "quantitative"
},
"size": {
"field": "Cylinders",
"type": "ordinal"
}
}
}

# initialize
lint = Lint(vega_json)

# show rules that the input vega-lite json violated
violate_rules = lint.lint()

# show fixing recommendation by vega-lite-linter
fix = lint.fix()


二、在线工具


为了方便使用,开发团队还同时发布了一款免费在线可视化设计纠错工具VizLinter: http://vizlinter.idvxlab.com,用户无需编码,简单复制Vega-Lite 代码即可完成对应可视化设计的矫正工作。



三、源代码下载

扫描并识别如下二维码访问开源项目主页并下载相关代码。






关注实验室公众号,了解更多招生、教学及科研动态


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存